<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/subweb.css">
</head>
<body>
    <!-- header -->
    <div class="header-wrap">
        <div class="header-top">
            <div class="w clearfix">
                <ul class="top-list fl">
                    <li>
                        <a href="#">
                            请登录
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            免费注册
                        </a>
                    </li>
                    <li class="webc">
                        <a href="#">
                            <i class="iconfont icon-dianhua"></i>
                            400-684-6688
                        </a>
                    </li>
                </ul>
                <p class="child fr">
                    少儿英语
                </p>
            </div>
        </div>

        <div class="header w clearfix">
            <h1 class="logo fl">
                <img src="./images/logo.png" alt="">
            </h1>
            <ul class="header-nav fr">
                <li>
                    <a href="#">
                        首页
                    </a>
                </li>
                <li>
                    <a href="#">
                        免费试听
                    </a>
                </li>
                <li>
                    <a href="#">
                        如何上课
                    </a>
                </li>
                <li>
                    <a href="#">
                        课程
                    </a>
                </li>
                <li>
                    <a href="#">
                        教学服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        退款保障
                    </a>
                </li>
                <li>
                    <a href="#">
                        测试
                    </a>
                </li>
                <li>
                    <a href="#">
                        关于我们
                        <i class="iconfont icon-xiala"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- banner -->
    <div class="banner-wrap">
        <img src="./images/subweb/banner.png" alt="">
    </div>

    <!-- content -->
    <div class="content">
        <div class="con-ban1">
            <div class="w clearfix">
                <p class="ban1-txt fl">
                    乐知WEB在线课堂，7年沉淀，让你体验不一样的在线英语 HIKNOW
                </p>
                <a class="free fr" href="#">
                    我想免费试听
                </a>
            </div>
        </div>

        <!-- content1 -->
        <div class="con1 w">
            <ul class="con1-list w">
                <li>
                    <img src="./images/subweb/img1.png" alt="">
                    <h3>
                        外教电话英语一对一
                    </h3>
                    <p>
                        灵活微课，高质低价
                    </p>
                </li>
                <li>
                    <img src="./images/subweb/img2.png" alt="">
                    <h3>
                        资深英美外教一对一
                    </h3>
                    <p>
                        尊享服务，极限价格
                    </p>
                </li>
                <li>
                    <img src="./images/subweb/img3.png" alt="">
                    <h3>
                        4-8人精品英美外教小班
                    </h3>
                    <p>
                        不限课时，不限级别随意学
                    </p>
                </li>
                <li>
                    <img src="./images/subweb/img4.png" alt="">
                    <h3>
                        知识拓展大班课
                    </h3>
                    <p>
                        超值畅学，构建英语知识体系
                    </p>
                </li>
            </ul>
        </div>

        <div class="con-ban2">
            <div class="w">
                <h2 class="teach">
                    教学支撑
                </h2>
                <p class="t-sub">
                    Teaching support
                </p>
            </div>
        </div>

        <!-- content2 -->
        <div class="con2 w">
            <div class="con2-box fl clearfix">
                <i class="iconfont icon-rili fl"></i>
                <h3 class="con2-h3">
                    7年
                </h3>
                <p class="con2-intro">
                    时间的累积沉淀
                </p>
            </div>
            <div class="con2-box con2-box-mg fl clearfix">
                <i class="iconfont icon-xueyuanguanli fl"></i>
                <h3 class="con2-h3">
                    60万
                </h3>
                <p class="con2-intro">
                    注册学员
                </p>
            </div>
            <div class="con2-box fl clearfix">
                <i class="iconfont icon-weixin fl"></i>
                <h3 class="con2-h3">
                    100,000条+
                </h3>
                <p class="con2-intro">
                    学员评论
                </p>
            </div>
        </div>

        <!-- content3 -->
        <div class="con3">
            <div class="w">
                <ul class="con3-list w">
                    <li>
                        <img src="./images/subweb/imgServer1.png" alt="">
                        <p>
                            专业精致课程体系
                        </p>
                    </li>
                    <li>
                        <img src="./images/subweb/imgServer2.png" alt="">
                        <p>
                            配套多媒体练习系统
                        </p>
                    </li>
                    <li>
                        <img src="./images/subweb/imgServer3.png" alt="">
                        <p>
                            一流师资团队
                        </p>
                    </li>
                    <li>
                        <img src="./images/subweb/imgServer4.png" alt="">
                        <p>
                            专业售后在线支持
                        </p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- content4 -->
        <div class="con4 w">
            <div class="con4-call">
                <h3 class="num">
                    <i class="iconfont icon-dianhua"></i>
                    400-684-6688
                </h3>
                <p class="click">
                    <img src="./images/subweb/icon_qq.png" alt="">
                    点我联系<span>课程咨询</span>
                </p>
            </div>
            <ul class="con4-list">
                <li>
                    <h4>
                        <i class="iconfont icon-erji"></i>
                        免费试听
                    </h4>
                    <p>
                        大家都说英语教学老师最重要，所有老师课程不加包装让您随意试听。只有乐知能做到。
                    </p>
                    <span>
                        立即注册，免费试听
                    </span>
                </li>
                <li>
                    <h4>
                        <i class="iconfont icon-geren"></i>
                        免费试听
                    </h4>
                    <p>
                        大家都说英语教学老师最重要，所有老师课程不加包装让您随意试听。只有乐知能做到。
                    </p>
                    <span>
                        了解教学服务
                    </span>
                </li>
                <li>
                    <h4>
                        <i class="iconfont icon-kecheng"></i>
                        课程设置
                    </h4>
                    <p>
                        学习体验很重要。乐知 首创国内独一无二的多 媒体课堂。只有乐知能 做到。
                    </p>
                    <span>
                        了解乐知课程
                    </span>
                </li>
                <li>
                    <h4>
                        <i class="iconfont icon-qianbi"></i>
                        学习规划
                    </h4>
                    <p>
                        学习规划很重要。 6年专业在线英语培训，服务细节帮您达成规划，乐知真正能做到。
                    </p>
                    <span>
                        了解乐知学习规划
                    </span>
                </li>
            </ul>
        </div>
    </div>

    <!-- footer -->
    <div class="footer-wrap">
        <div class="footer">
            <div class="w clearfix">
                <div class="f-box fl">
                    <h2 class="footer-tit">
                        关于我们
                    </h2>
                    <p class="about">
                        上海乐知网络科技有限公司（乐知英语）成立于2006年，是一家集英语教育及互联网科技为一体的创新培训机构。
                    </p>
                    <img src="./images/share.png" alt="">
                </div>
                <div class="f-box fl">
                    <h2 class="footer-tit">
                        购买帮助
                    </h2>
                    <ul class="buylist">
                        <li>
                            <a href="#">
                                >课程咨询
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                >教务客服
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                >技术支持
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="f-box fl">
                    <h2 class="footer-tit">
                        热门标签
                    </h2>
                    <div class="hot-tip">
                        核心口语
                    </div>
                    <div class="hot-tip">
                        地道英语
                    </div>
                    <div class="hot-tip">
                        语音语法
                    </div>
                    <div class="hot-tip">
                        商务英语
                    </div>
                </div>
                <div class="f-box fl">
                    <h2 class="footer-tit">
                        联系我们
                    </h2>
                    <div class="call">
                        <p>
                            <i class="iconfont icon-youxiang"></i>
                            support@hiknow.com
                        </p>
                        <p class="call-mr">
                            <i class="iconfont icon-dianhua"></i>
                            400 684 6688
                        </p>
                        <p>
                            <i class="iconfont icon-weibo"></i>
                            乐知英语 官方微博
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="bot-box">
                <ul class="bot-list clearfix">
                    <li>
                        网站地图
                    </li>
                    <li>
                        友情链接：
                    </li>
                    <li>
                        <a href="#">
                            海词词典
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            英语口语
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            上海培训网
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            英语单词表
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            VOA美国之音
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            GRE
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            VOA慢速英语
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            英语考试
                        </a>
                    </li>
                </ul>
                <p class="backup">
                    沪ICP备09038394号 Copyright©2006-2013 Hiknow Inc. All Rights Reserved. ©乐知网hiknow.com版权所有,本公司保留所有权利.
                </p>
                <div class="bot-img">
                    <img src="./images/footerlist.png" alt="">
                </div>
            </div>
        </div>
    </div>
</body>
</html>